// pages/classify/classify.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    Height: null,
    Width: null,
    newTitle: '新上架',
    newsTitle: '热门',
    navBar: [],
    currentTab: 0,
    isLine: true,
    NewBookArr: [],
    booksArr: [],
    swiperIndex: 0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getWidthOrHeight()
    this.getNavBar()
    let category = wx.$cache.get('category')
    this.swichNav(category[0].id)
  },
  getWidthOrHeight() {
    const that = this
    wx.getSystemInfo({
      success(res) {
        that.setData({
          Height: res.windowHeight,
          Width: res.windowWidth
        })
      },
    })
  },
  getNavBar() {
    // const pageOption = {
    //   pageSize: 1,
    //   pageNum: 1000,
    // }
    // wx.$http.get(wx.$get.getBookCategory,pageOption).then(res=>{
    //   console.log(res);
    let category = wx.$cache.get('category')
    if (category) {
      this.setData({
        navBar: category
      })
    }

    // })
  },
  //顶部导航栏
  handleMenu(e) {
    // console.log(e);
    let that = this;
    that.setData({
      currentTab: e.detail.current
    });
  },
  swichNav(e) {
    // console.log("NavBar", e);
    if (typeof e === 'number') {
      const pageOption = {
        pageSize: 1,
        pageNum: 3,
      }
      wx.$http.get(wx.$get.getCategorySingleInfoAll + `/${e}`, pageOption).then(res => {
        let Arr = res.data
        this.setData({
          NewBookArr: Arr,
          HotBookArr: Arr
        })
        // console.log(res);
      })
    } else {
      let id = e.target.dataset.id;
      if (this.data.currentTab === id) {
        return false;
      } else {
        this.setData({
          currentTab: id,
          swiperIndex: id
        })
      }
    }
  },
  //轮播
  //轮播图的切换事件  
  swiperChange(e) {
    // console.log("轮播图组件", e);
    this.swichNav(e.detail.current)
    this.setData({
      currentTab: e.detail.current //获取当前轮播图片的下标
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})